// 在该js 中使用css 
// 注意: 模板字符串中 以前怎么写css 现在不变
// 使用该Title组件包裹需要设置样式的元素标签,然后该h1 上会生成一个随机类型,类名对应的css 样式就是我的样式
// 注意: 标签需要符合嵌套规范
import styled from 'styled-components';

export const Title= styled.h1`
  background:green;
  font-size: 30px
`

export const Title1= styled.div`
border:5px solid red

`
//  组件Title3 继承了 Title的样式
// 问题? 继承遵循就近原则
export const Title3= styled(Title)`
   margin:20px;
   font-size:50px;
`

// 属性的传参
// 接收参数 props参数就是属性对象
export const Title4= styled.div`
   margin:50px;
   font-size:20px;
   background:${(props)=>{return props.background}}
`